<!doctype html>
<html class='no-js'>

<head>
	<meta charset='utf-8'>
	<meta http-equiv='X-UA-Compatible' content='IE=edge'>
	<title>骏怡连锁-员工修改</title>
	<meta name='description' content='员工管理'>
	<meta name='keywords' content='index'>
	<meta name='viewport' content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no'>
	<meta name='renderer' content='webkit'>
	<meta http-equiv='Cache-Control' content='no-siteapp' />
	<link rel='icon' type='image/png' href='../favicon.ico'>
	<meta name='apple-mobile-web-app-title' content='骏怡连锁' />
	<link rel='stylesheet' href='../assets/css/amazeui.min.css' />
	<link rel='stylesheet' href='../assets/css/admin.css'>
	<!-- Sweet Alert-->
	<link rel='stylesheet' href='../assets/css/sweetalert2.min.css'>
	<script src='../assets/js/jquery.min.js'></script>
	<script src='../assets/js/app.js'></script>
	<style>
			table img{
				width:50px;
			}
		
			.admin .photo{
				width:200px;
				height:200px;
				margin:100px auto 0;
				text-align: center;
				position: relative;
				border:1px dashed;
			}
		
			.admin .photo figcaption{
				position: absolute;
				width:100%;
				height:100%;
				line-height: 200px;
				font-size: 22px;
				color:#ccc;
				top:0;
				font-weight: bold;
			}
			.admin .photo img{
				width:100%;
			}
		</style>
		
</head>

<body>
	<!--[if lte IE 9]><p class='browsehappy'>升级你的浏览器吧！ <a href='http://se.360.cn/' target='_blank'>升级浏览器</a>以获得更好的体验！</p><![endif]-->
	</head>

	<body>
		<header class='am-topbar admin-header'>
			<div class='am-topbar-brand'>
				<img src='../favicon.ico' />&nbsp;
				<span style='font-weight: bold;'>骏怡连锁</span>
			</div>


		</header>

		<div class='am-cf admin-main'>

			<div class='nav-navicon admin-main admin-sidebar'>
				<div class='sideMenu am-icon-dashboard' style='color:#aeb2b7; margin: 10px 0 0 0;'> 欢迎系统管理员：
					<span id='currentUser'></span>
				</div>
				<div class='sideMenu'>
					<h3 class='am-icon-volume-up'>
						<em></em>
						<a href='index.html'>首页</a>
					</h3>
					<h3 class='am-icon-flag'>
						<em></em>
						<a href='/pages/room.html'>客房管理</a>
					</h3>
					<h3 class='am-icon-cart-plus'>
						<em></em>
						<a href='/pages/role.html'> 角色管理</a>
					</h3>
					<h3 class='am-icon-users on'>
						<em></em>
						<a href='/pages/employee.html'>员工管理</a>
					</h3>
					<h3 class='am-icon-gears'>
						<em></em>
						<a href='user.html'>用户管理</a>
					</h3>
				</div>
				<!-- sideMenu End -->

				<script type='text/javascript'>
					jQuery('.sideMenu').slide({
						titCell: 'h3', //鼠标触发对象
						targetCell: 'ul', //与titCell一一对应，第n个titCell控制第n个targetCell的显示隐藏
						effect: 'slideDown', //targetCell下拉效果
						delayTime: 300, //效果时间
						triggerTime: 150, //鼠标延迟触发时间（默认150）
						defaultPlay: true, //默认是否执行效果（默认true）
						returnDefault: true //鼠标从.sideMen移走后返回默认状态（默认false）
					});
				</script>

			</div>

			<div class=' admin-content'>

				<div class='daohang'>
					<div class='am-u-sm-2'>
						<button type='button' class='am-btn am-btn-default am-radius am-btn-xs'> 首页</div>
					<div class='am-u-sm-6'></div>
					<div class='am-u-sm-4'>
						<button type='button' class='am-btn am-btn-default am-radius am-btn-xs' id='logout'> 退出登录</div>
				</div>

				<div class='admin'>
					<div class='am-u-sm-8'>
						<h1 align='center' id='myTitle'>添加员工</h1>
						<form class='am-form am-form-horizontal' onsubmit='return false'>
							<div class='am-form-group'>
								<label for='name' class='am-u-sm-2 am-form-label'>姓名</label>
								<div class='am-u-sm-10'>
									<input type='text' id='name' placeholder='输入你的姓名'>
								</div>
							</div>

							<div class='am-form-group'>
								<label for='doc-ipt-pwd-2' class='am-u-sm-2 am-form-label'>性别</label>
								<div class='am-u-sm-10'>
									<label>
										<input type='radio' name='sex' value='男' checked>男</label>
									<label>
										<input type='radio' name='sex' value='女'>女</label>
								</div>
							</div>
							<div class='am-form-group'>
								<label for='age' class='am-u-sm-2 am-form-label'>年龄</label>
								<div class='am-u-sm-10'>
									<input type='number' id='age' placeholder='输入你的年龄'>
								</div>
							</div>

							<div class='am-form-group'>
								<label for='phone' class='am-u-sm-2 am-form-label'>电话</label>
								<div class='am-u-sm-10'>
									<input type='number' id='phone' placeholder='请输入电话号码'>
								</div>
							</div>
							<div class='am-form-group'>
								<label for='idCard' class='am-u-sm-2 am-form-label'>身份证</label>
								<div class='am-u-sm-10'>
									<input type='text' id='idCard' placeholder='输入你的身份证'>
								</div>
							</div>

							<div class='am-form-group'>
								<label for='role_select' class='am-u-sm-2 am-form-label'>职位</label>
								<div class='am-u-sm-10'>
									<select  id='role_select'>

									</select>
								</div>
							</div>
							<div class='am-form-group'>
								<div class='am-u-sm-10 am-u-sm-offset-2'>
									<button type='submit' class='am-btn am-btn-primary' id='addBtn'>确定</button>
								</div>
							</div>
						</form>
					</div>
					<div class='am-u-sm-4'>
							<figure class='photo' id='myBox'>
								<img src='' id='myPhoto'>
								<figcaption>请将图片拖入此处</figcaption>
							</figure>
						<input type='file' id='myFile'>
					</div>
				</div>
			</div>

			<!--[if lt IE 9]>
<script src='http://libs.baidu.com/jquery/1.11.1/jquery.min.js'></script>
<script src='http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js'></script>
<script src='/assets/js/polyfill/rem.min.js'></script>
<script src='/assets/js/polyfill/respond.min.js'></script>
<script src='/assets/js/amazeui.legacy.js'></script>
<![endif]-->
			<!-- Sweet Alert -->
			<script src='../assets/js/sweetalert2.min.js'></script>
			<!--[if (gte IE 9)|!(IE)]><!-->
			<script src='../assets/js/amazeui.min.js'></script>
			<!--<![endif]-->
			<script src='../assets/script/public.js'></script>
			<!-- <script src='../assets/script/employee.js'></script> -->
			<script src='../assets/script/employee.js'></script>
			<script src='../assets/script/employee_2.js'></script>



	</body>

</html>